body{
  background: #030732;
  position: relative;
  width: 100%;
  overflow-x: hidden;
}
.container{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  max-width: 100vw;
  overflow-x: hidden;
}
@-webkit-keyframes efficiencyAnimte {
  0%{
    opacity: 0;
  }
  30%{
    opacity: 1;
    transform: scale(1);
  }
  60%{
    opacity: 1;
    transform: scale(1);
  }
  100%{
    opacity: 0;
  }
}
.efficiency{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-animation: efficiencyAnimte 5s;
  -webkit-animation-fill-mode: both;
}

.container-head{
  position: relative;
  margin-top: 5px;
}
.container-head-efficiency{
  position: absolute;
  left: 3px;
  top: -8px;
  bottom: 0;
  z-index: 0;
  margin: auto;
}
.container-head-efficiency-icon{
  position: absolute;
  left: 19px;
  bottom: 20px;
  top: 0;
  margin: auto;
  animation-duration: 2s;
}
.zIndex{
  position: relative;
  z-index: 2;
}
@-webkit-keyframes rightan
{

  from
  {
    bottom: 0%;
    opacity: 0;
    transform: translateY(-10px);
  }
  to
  {
    bottom: 5%;
    opacity: 1;
    transform: translateY(0px);
  }
}
.rightan
{
  -webkit-animation: rightan 2s infinite;
  -webkit-animation-fill-mode: both;
}
.flexRight{
  width: 3%;
  height: 100px;
  position: fixed;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 99;
}
.container-menu{
  position: relative;
}
.container-menu img{
  display: block;
  width: 80%;
  margin: 10px auto 22px auto;
}
.flexRight img{
  margin-top: 2px;
}
.header{
  position: relative;
}
@keyframes roAnimate{
  100% {
    transform: rotate(-360deg); }
}
.header-ro1{
  position: absolute;
  right: 51%;
  bottom: 23%;
  animation: roAnimate 2s infinite linear;
}
.header-ro2{
  animation: roAnimate 2.5s infinite linear;
  position: absolute;
  right: 45%;
  bottom: 23%;
}
.header-ro3{
  animation: roAnimate 3s infinite linear;
  position: absolute;
  right: 39%;
  bottom: 23%;
}
@keyframes hEfficiency{
  70%{
    opacity: 0;
    transform:translateX(-50%);
  }
  80%{
    opacity: 1;
    transform:translateX(-50%);
  }
  100% {
    opacity: 0;
    transform:translateX(60%);
  }
}
.h-efficiency{
  position: absolute;
  left: 0px;
  right: 0;
  opacity: 0;
  top: 39%;
  margin: auto;
  animation: hEfficiency 5s infinite ease-in;
}
@keyframes hEfficiency1{
  70%{
    opacity: 0;
    transform:translateX(-100%);
  }
  80%{
    opacity: 1;
    transform:translateX(-100%);
  }
  100% {
    opacity: 0;
    transform:translateX(100%);
  }
}
.h-efficiency1{
  position: absolute;
  left: 0px;
  right: 0;
  opacity: 0;
  top: 46%;
  margin: auto;
  animation: hEfficiency1 4s infinite linear;
}
@keyframes hEfficiency2{
  75%{
    opacity: 0;
    transform:translateX(-130%);
  }
  80%{
    opacity: 1;
    transform:translateX(-130%);
  }
  100% {
    opacity: 0;
    transform:translateX(-60%);
  }
}
.h-efficiency2{
  position: absolute;
  left: 0px;
  right: 0;
  opacity: 0;
  top: 46%;
  margin: auto;
  animation: hEfficiency2 4s infinite linear;
}
.h-efficiency3{
  position: absolute;
  left: 0px;
  right: 0;
  opacity: 0;
  top: 46%;
  margin: auto;
  animation: hEfficiency1 4s infinite linear;
}
.wxCode{
  position: absolute!important;
  bottom: 8vw!important;
  left: 8vw!important;
  width: 25vw!important;
}
